/*全局*/
:root{
	--color:#333;
	--activeColor:#2279D1;
	--whiteColor:#FFFFFF;
	--grayColor:#888;
	--redColor:#DA0203;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;min-width: 1200px;}
.layui-container {width: 1200px;}
a:hover {text-decoration: none;color: var(--activeColor);}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
.overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overflow2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.overflow3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
.flex {display: flex;}

/* 首页 */
.header {background-color: rgba(255,255,255,0.5);padding-top: 15px;padding-bottom: 15px;position: fixed;z-index: 2;left: 0;right: 0;top: 0;backdrop-filter: blur(10px);}
.header .flex {justify-content: space-between;}
.header .flex .comname {text-align: justify;color: var(--activeColor);font-size: 44px;font-weight: 600;line-height: normal;width: 350px;}
.header .flex .comname .cn {letter-spacing: 5px;}
.header .flex .comname .en  {font-weight: 100;font-size: 20px;}

nav {flex: 1;display: flex;justify-content: end;align-items: center;}
nav.nav >li {padding: 0 10px;}
nav.nav >li >a {display: block;font-size: 20px;text-align: center;line-height: 80px;color: #000;padding: 0 20px;}
nav.nav >li >a:hover {color: var(--activeColor);}
.submenu {position: absolute;z-index: 3;backdrop-filter: blur(10px);min-width: 150px;left: 50%;transform: translateX(-50%);background-color: rgba(255,255,255,0.5);padding: 10px 0;display: none;}
.submenu >ol >li >a {display: block;text-align: center;}

.banner .swiper-slide {height: 1112px;}
.banner .swiper-slide a {height: 100%;display: block;}

.product-main .left {flex: 1;}
.product-main .right {width: 460px;background-color: var(--activeColor);color: #fff;margin-left: 15px;padding: 10px 10px;}
.product-main .right .t {font-size: 28px;font-weight: 100;}
.product-main .right .con {font-size: 13px;font-weight: 100;}
.product-main .left .title {border-bottom: 1px solid #ccc;align-items: center;justify-content: space-between;text-transform: uppercase;padding-bottom: 10px;}
.product-main .left .title .title-left {line-height: normal;}
.product-main .left .title .title-left .en {text-transform: uppercase;font-size: 18px;}
.product-main .left .title .title-left .cn {font-size: 44px;letter-spacing: 19px;font-weight: 600;}
.pro-main-img {width: 380px;margin-right: 20px;}
.pro-main-img img {max-width: 100%;}
.pro-main-info {flex: 1;line-height: 1.9;}
.pro-main-name {font-size: 36px;}

.our-product {background-color: #BBD5F0;padding-top: 60px;padding-bottom: 60px;}
.our-product .title {line-height: normal;}
.our-product .title .cn {font-size: 44px;font-weight: 600;}
.our-product .title .en {font-size: 24px;text-transform: uppercase;}
.pro-box a {display: block;padding: 0px;margin-bottom: 30px;}
.pro-box a .img {display: flex;overflow: hidden;justify-content: center;align-items: center;height: 420px;background-color: #fff;border: 5px solid #fff;border-color: var(--activeColor);}
.pro-box a .img img {width: 100%;}
.pro-box a .name {color: #000;margin-top: 5px;text-align: center;font-size: 20px;}

.about-block {background: url(../images/bg-about.jpg) center top no-repeat;padding-top: 60px;padding-bottom: 60px;}
.about-block .title {color: #fff;text-transform: uppercase;line-height: normal;}
.about-block .title .cn {font-size: 40px;font-weight: 600;letter-spacing: 10px;}
.about-block .title .en {font-size: 20px;}

.about-flex {margin-top: 30px;}
.about-flex .left {margin-right: 40px;flex: 1;}
.about-flex .right {width: 514px;}
.about-comname {font-size: 36px;color: #fff;}
.about-con {font-size: 18px;color: #fff;}
.about-con p {margin-bottom: 15px;}
.about-chengnuo {background-color: rgba(255,255,255,0.8);padding: 10px 15px;border-left: 15px solid #fff;border-color: var(--activeColor);font-size: 20px;}

.lianxi-block {margin-top: 50px;margin-bottom: 50px;}
.lianxi-title {text-align: center;font-size: 40px;line-height: normal;text-transform: uppercase;font-weight: 600;}
.lianxi-title p {font-size: 20px;font-weight: 200;}
.tips {font-size: 18px;font-weight: 200;text-align: center;color: #888;}
#form-liuyan .item {margin-bottom: 25px;}
#form-liuyan input,#form-liuyan textarea {background-color: #BBD5F0;border: none;height: 48px;padding: 5px 10px;display: block;width: 100%;}
#form-liuyan textarea {height: auto;max-height: 165px;}
#form-liuyan label {display: block;font-size: 22px;color: #888;}
#btn-liuyan {background-color: var(--activeColor);color: #fff;border: none;height: 48px;padding: 0 30px;margin-top: 44px;}
#btn-liuyan:hover {opacity: 0.9;}

footer {background-color: var(--activeColor);color: #fff;padding-top: 30px;padding-bottom: 30px;}
footer .layui-container {align-items: center;}
footer .comname {width: 530px;font-size: 36.8px;font-weight: 600;line-height: 1.5;}
footer .comname .en {font-size: 19px;font-weight: 100;}
footer .copyrights {flex: 1;padding-left: 5%;}

.neiye-title {padding-top: 40px;padding-bottom: 40px;}
.neiye-block {background: url(../images/main-bg1.jpg) center top no-repeat #09378F;color: #fff;}
.neiye-block2 {background: #fff;}
.main-box {padding: 50px 0px;font-size: 18px;}
.main-box2 {padding: 80px 130px;font-size: 18px;}
.main-box2 p img {max-width: 100%;}
.main-box p img {max-width: 100%;}

@media only screen and (min-width: 980px)  {
	/* .layui-container {width: 1330px;} */
}
@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
}